<template>
	<view>

		<view style="display: inline-block;margin: 20upx 0 0 30upx;color: #333;font-size: 24upx;">总共订单
			<text style="color: #20c3aa;">{{datalist.length}}</text>
			笔
		</view>

		<view v-if="datalist.length > 0">

			<view class="list-item" v-for="(item, index) in datalist" :key="index" @click="itemClick(item)">

				<view class="title-wrap">

					<text class="title-name">
						业务类型: {{item.businessName|filterNull}}
					</text>

					<view style="display: flex;" class="title-warn">
						<text style="color: #333;">佣金分成</text>
						￥{{item.giveAmount|filterNull}}
					</view>

				</view>

				<u-line color="#efefef" dashed margin="0 0 10px 0"></u-line>

				<view class="text-line text-line-left">
					<text class="text-name">签约号:</text>
					<text class="text-value">{{item.signOrderNo|filterNull}}</text>
				</view>

				<view class="text-line text-line-left">
					<text class="text-name">{{1 == item.customerType ? '企业名称:':'客户姓名:'}}</text>
					<text class="text-value">{{item.customerName|filterNull}}</text>
				</view>

				<view class="text-line text-line-left" v-if="1==item.customerType">
					<text class="text-name">联系人:</text>
					<text class="text-value">{{item.concat|filterNull}}</text>
				</view>

				<view class="text-line text-line-left">
					<text class="text-name">签约扣款金额/元:</text>
					<text class="text-value">￥{{item.signAmount|filterNull}}/元</text>
				</view>

				<view class="text-line text-line-left">
					<text class="text-name">签约时间:</text>
					<text class="text-value">{{item.signTime|filterNull}}</text>
				</view>

				<view class="text-line text-line-left">
					<text class="text-name" style="color: #e93131;">签约期数:</text>
					<text class="text-value" style="color: #e93131;">{{item.stage|filterNull}}/期</text>
				</view>

				<view class="text-line text-line-left">
					<text class="text-name">返佣时间:</text>
					<text class="text-value">{{item.createTime|filterNull}}</text>
				</view>




			</view>

			<!-- <u-loadmore v-if="pageNo>2" :status="loadingStatus" @loadmore="clickloadmore"></u-loadmore> -->
		</view>

		<u-empty v-else></u-empty>

	</view>
</template>

<script>
	import {getCommissionDetailInfo} from '@/api/user-api.js';
	
	export default {
		data() {
			return {
				// pageNo: 1,
				// loadingStatus: 'loading',
				datalist: [],
			}
		},

		onLoad() {
			// this.pageNo = 1;
			this.getData();
		},

		methods: {

			getData() {
				getCommissionDetailInfo({
					// params: {
					// 	pageNo: this.pageNo
					// }
				}).then(res => {
					// if (this.pageNo == 1) {
					// 	this.datalist = [];
					// 	this.pageNo++;
					// 	// uni.stopPullDownRefresh();

					// 	this.loadingStatus = 'loadmore';
					// } else {
					// 	if (!uni.$u.test.isEmpty(res)) {
					// 		this.pageNo++;

					// 		this.loadingStatus = 'loadmore';
					// 	} else {

					// 		this.loadingStatus = 'nomore';
					// 	}
					// }
					
					this.datalist = [];
					if (!uni.$u.test.isEmpty(res.data)) {
						this.datalist = this.datalist.concat(res.data);
					}


				})
			},

			// pay(item){
			// 	uni.showLoading({
			// 		title: '加载中...',
			// 	})
			// 	uni.$u.http.post('app/pay', {
			// 		type: 1, //{2订单1缴费}
			// 		receivablesId: this.receivablesId, // 缴费id
			// 		orderCarId: '' // 订单id
			// 	}).then(res => {
			// 		console.log(res)
			// 		uni.hideLoading()
			// 		uni.requestPayment({
			// 			timeStamp: res.timeStamp,
			// 			nonceStr: res.nonceStr,
			// 			package: res.package,
			// 			signType: res.signType,
			// 			paySign: res.paySign,
			// 			success(res) {
			// 				console.log(res);
			// 				// uni.navigateBack()
			// 				this.pageNo = 1;
			// 				this.getData();
			// 			},
			// 			fail(res) {
			// 				uni.hideLoading()
			// 				uni.showToast({
			// 					title: '支付取消',
			// 					icon: 'none'
			// 				})
			// 			}
			// 		});
			// 	});
			// },

			itemClick(item) {
				if (item.receivablesId) {
					uni.navigateTo({
						url: './billdetail?receivablesId=' + item.receivablesId
					})
				}
			},

			// clickloadmore() {
			// 	this.getData();
			// 	this.showloading = true;
			// 	this.loadingStatus = 'loading';
			// },


		},
		// onPullDownRefresh() {
		// 	this.pageNo = 1;
		// 	this.getData();
		// },

		// onReachBottom() {
		// 	console.log('到底了');

		// 	this.getData();
		// 	this.showloading = true;
		// 	this.loadingStatus = 'loading';
		// }

	}
</script>

<style lang="scss" scoped>
	.title-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 30upx;
	}

	.title-name {
		line-height: 80upx;
		font-size: 28upx;
		color: #333333;
	}

	.title-warn {
		color: #E93131;
		font-size: 24upx;
	}
</style>
